<!DOCtype html>
<html ng-app="advertiserApp">
	 <head>
	     <meta charset= "utf-8"/>
		 <title>按地域统计（单日）</title>
		 <script type="text/javascript" src="/web-adv/advWeb/static/vendor/angular/angular.min.js"></script>
		 <script type="text/javascript" src="/web-adv/advWeb/static/vendor/jquery/dist/jquery.min.js"></script>
		 <script type="text/javascript" src="/web-adv/advWeb/static/vendor/bootstrap/dist/js/bootstrap.min.js"></script>
		 <script type="text/javascript" src="/web-adv/advWeb/static/js/mainApp.js"></script>
		 <script type="text/javascript" src="/web-adv/advWeb/static/js/extendPagination.js"></script>
		 <script type="text/javascript" src="/web-adv/advWeb/controller/advertiserCtrl.js"></script>
		 <script type="text/javascript" src="/web-adv/advWeb/static/js/main.js"></script>
		  <script type="text/javascript" src="/web-adv/advWeb/static/vendor/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
		 <script type="text/javascript" src="/web-adv/advWeb/static/vendor/bootstrap-datetimepicker/locales/bootstrap-datetimepicker.zh-CN.js"></script>
		 <link rel="stylesheet" href="/web-adv/advWeb/static/vendor/bootstrap/dist/css/bootstrap.min.css" />
		 <link rel="stylesheet" href="/web-adv/advWeb/static/vendor/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" />
		 <link rel="stylesheet" href="/web-adv/advWeb/static/styles/table.css" />
		 <link rel="stylesheet" href="/web-adv/advWeb/static/styles/layout.css" />
		 <link rel="stylesheet" href="/web-adv/advWeb/static/styles/main.css" />
		 <link rel="shortcut icon" href="/web-adv/advWeb/static/favicon.ico" />
		 <link rel="bookmark" href="/web-adv/advWeb/static/favicon.ico" />
	 </head>
	
	 <body ng-controller="advertiserCtrl">	
         <div class="headerBox"></div>
         <div class="nav"><ul></ul></div>
		 <div class="content">
         <!-- begin -->		 
		     <div class="websiteMapBox">
			     <span>当前页面></span>
				 <span>按地域统计></span>
				 <span>单日查看</span>
			 </div>
			<div class="form-group form-inline tableForm">
			     <label>起止日期：</label>
				 <input id="startTime" type="text" class="form-control"/>
				 <label>至</label>
				 <input id="endTime" type="text" class="form-control"/>				 
			 </div>
			 <script type="text/javascript">
				     $("#startTime,#endTime").datetimepicker({
		                 minView: "month", 
		                 language:  'zh-CN',
		                 format: 'yyyy-mm-dd',
		                 todayBtn:  1,
		                 autoclose: 1,
					 });
			 </script>
			 <div class="form-group form-inline tableForm">
			     <label>地域：</label>
				  <select name="" id="area" style="width:300px;height:45px;border:1px solid #ccc">
				 	  <option value="null">默认查询全部</option>
				      <option value="北京市">北京市</option>
                      <option value="浙江省">浙江省</option>
                      <option value="天津市">天津市</option>
                      <option value="安徽省">安徽省</option>
                      <option value="上海市">上海市</option>
                      <option value="福建省">福建省</option>
                      <option value="重庆市">重庆市</option>
                      <option value="江西省">江西省</option>
                      <option value="山东省">山东省</option>
                      <option value="河南省">河南省</option>
                      <option value="湖北省">湖北省</option>
                      <option value="湖南省">湖南省</option>
                      <option value="广东省">广东省</option>
                      <option value="海南省">海南省</option>
                      <option value="山西省">山西省</option>
                      <option value="青海省">青海省</option>
                      <option value="江苏省">江苏省</option>
                      <option value="辽宁省">辽宁省</option>
                      <option value="吉林省">吉林省</option>
                      <option value="台湾省">台湾省</option>
                      <option value="河北省">河北省</option>
                      <option value="贵州省">贵州省</option>
                      <option value="四川省">四川省</option>
                      <option value="云南省">云南省</option>
                      <option value="陕西省">陕西省</option>
                      <option value="甘肃省">甘肃省</option>
                      <option value="黑龙江省">黑龙江省</option>
                      <option value="香港特别行政区">香港特别行政区</option>
                      <option value="澳门特别行政区">澳门特别行政区</option>
                      <option value="广西壮族自治区">广西壮族自治区</option>
                      <option value="宁夏回族自治区">宁夏回族自治区</option>
                      <option value="新疆维吾尔自治区">新疆维吾尔自治区</option>
                      <option value="内蒙古自治区">内蒙古自治区</option>
                      <option value="西藏自治区">西藏自治区</option>
				 </select>        			
				 <button onclick="selectByAreaOneDay(startTime.value,endTime.value,area.value);" class="btn btn-primary">查询</button>
				 <button onclick="turn();" class="btn btn-primary">返回</button>
			 </div>			 
		     <table class="table table-striped table-bordered table-hover">
			     <tr>
			     	<th>序号</th>
			     	<th>时间</th>
			     	<th>省份</th>
			     	<th>用户数量</th>
			     	<th>平均单价</th>			     	
			     	<th>总支出</th>
			     	<th>广告支出</th>
			     	<th>支出/总支出</th>
			     	<th>总广告预算（全国）</th>
			     	<th>支出排名</th>
			     </tr>
			     <tbody id="tb">
				 </tbody>
			 </table>
		     <div class="pageBox">	     	    
                 <div class="selectPage">
			         <span>转至</span>
				     <input type="text" class="form-control inline-block selectPageInput" name="selectPage"/>
				     <span>页</span>
				     <button class="btn btn-primary">确认</button>
			     </div>
			     <div id="pageBox">
			    </div>
		     </div>
		 <!-- end -->
		 </div>	               	 
	 </body>
	 	 <script type="text/javascript" src="/web-adv/advWeb/controller/bigData/totalByAreaOneday.js"></script>
</html>